<#macro modal id>
<div class="modal fade colored-header colored-header-primary" id="${id}" tabindex="-1" role="dialog" style="display: none;" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <#nested>
        </div>
    </div>
</div>
</#macro>

<#macro modal_header title cancelHtmlEx=''>
<div class="modal-header modal-header-colored">
    <h3 class="modal-title">${title}</h3>
    <button class="close md-close" ${cancelHtmlEx} type="button" data-dismiss="modal" aria-hidden="true"><span class="mdi mdi-close"></span></button>
</div>
</#macro>

<#macro modal_body>
<div class="modal-body">
    <#nested>
</div>
</#macro>

<#macro modal_footer>
<div class="modal-footer">
    <#nested>
</div>
</#macro>